<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>el与data的两种写法</title>
		<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="root">
			<h1>你好，{{name}}</h1>
		</div>
	</body>
	<script type="text/javascript">
		Vue.config.productionTip = false;
		// const v = new Vue({
		// 	//el:"#root", // 第一种写法
		// 	data:{
		// 		name:"尚硅谷"
		// 	}
		// })
		// console.log(v);
		// v.$mount('#root'); // 第二种写法
		
		new Vue({
			el:"#root",
			// data的第一种写法 ： 对象式
			/**data:{
				name:"尚硅谷"
			}
			*/
		   // data 的第二种写法 ： 函数式
		   // data:function(){
			  //  return{
				 //   name:"Vue"
			  //  }
		   // }
		   data(){
			   return{
				   name:"尚硅谷"
			   }
		   }
		})
	</script>
</html>
